<template>
	<div class="weekend">
		<div class="weektitle">周末去哪儿</div>
		<div class="imgWrap" v-for="item of weekList" :key="item.id">
			<div class="imgContent">
				<img class="weekImg" :src="item.imgUrl">
			</div>
			<span class="title">{{item.title}}</span>
			<span class="desc">{{item.desc}}</span>
		</div>

	</div>
</template>

<script>
export default{
	props:{
		weekList:Array
	}
}
</script>

<style lang="stylus" scoped>
.weekend
 width:100%
 overflow:hidden
 padding:0 0 .2rem 0
.weektitle
 width:100%
 height:1rem
 line-height:1rem
 background:#ccc
 padding:.1rem 0 .1rem .4rem
 font-size:.42rem
.imgWrap
 width:100%
 height:4.8rem

.imgContent
 width:100%
.weekImg
 width:100%
.title,
.desc
 display:block
 margin:.1rem 0 0rem .2rem
 font-size:.4rem
 padding:.1rem 0 .1rem .2rem

</style>